@colorTheme: #3e3e3e;
@colorBar: #323232;
@colorDeep: #292929;
@colorText: #e4e4e4;
@colorHover: #838383;
@colorShadow: #4e4e4e;
@colorRed: #ef6666;
@colorInput: #4e4e4e;
@colorBarTop: mix(@colorTheme, black, 90%);
@colorBarEnd: mix(@colorTheme, black, 70%);
@colorKey: #858e9f;
@ubtNoteWidth: 122px;
@ubtHalfNoteWidth: 61px;
@fontSize: 14px;

.middle(@h) {
	height: @h;
	line-height: @h;
	vertical-align: middle;
}

.radius(@r) {
	border-radius: @r;
}

.inner-shadow(@w, @color){
	box-shadow: 0 0 @w @color inset;
}

.shadow{
	display: block;
	width: 100%;
	height: 0px;
	border-bottom: 1px solid @colorShadow;
}

.radius-top(@r) {
	border-top-left-radius: @r;
	border-top-right-radius: @r;
}

.radius-bottom(@r) {
	border-bottom-left-radius: @r;
	border-bottom-right-radius: @r;
}

.radius-left(@r) {
	border-top-left-radius: @r;
	border-bottom-left-radius: @r;
}

.radius-right(@r) {
	border-top-right-radius: @r;
	border-bottom-right-radius: @r;
}

.clear {
	clear: both;
	display: block;
	height: 0;
}

//文字加...
.textfix {
	text-overflow: ellipsis;
	overflow-x: hidden;
	white-space: nowrap;
}

.justfix {
	display: inline-block;
	width: 100%;
	height: 0;
	overflow: hidden;
}

.justyHold{
	visibility: hidden;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}


.scrollbar{
	&::-webkit-scrollbar {
		width: 6px;
		height: 6px;
		background-color: @colorDeep;
	}
	&::-webkit-scrollbar-thumb {
		background-color: @colorTheme;
		.radius(2px);
	}
	&::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
		background-color: @colorBar;
	}
}

@font-face {
	font-family: myFont;
	src: url('../other/RobotoCondensed-Regular.ttf');
	font-weight: normal;
}

@font-face {
	font-family: myFontBold;
	src: url('../other/RobotoCondensed-Bold.ttf');
	font-weight: bold;
}

body, ul, p, h1, h2, h3{
	padding: 0;
	margin: 0;
}

ul{
	list-style: none;
	-webkit-padding-start: 0px;
}

em{
	font-style: normal;
}

a{
	text-decoration: none;
	color: @colorText;
}

textarea{
	resize: none;
}